<template>
  <div>
    <h1>Home</h1>
    <!-- <router-link to="/home/news">new</router-link> -->
    <!-- <router-link to="/home/music/1">华语music</router-link>
        <router-link to="/home/music/2">粤语music</router-link> -->

    <!-- <router-link :to="{path:'/home/news'}">news</router-link>
        <router-link :to="{path:'/home/music'}">music</router-link> -->

    <router-link :to="{ name: 'news' }">news</router-link>
    <router-link :to="{ name: 'music', params: {id:'1'} }">华语music</router-link>
    <router-link :to="{ name: 'music', params: {id:'2'} }">粤语music</router-link>
    <hr>
    <router-link :to="{path:'/home/games',query:{ tit:'元神',time:'2000'} }">Games1</router-link>
    <router-link :to="{path:'/home/games?tit=qq飞车&time=2018' }">Games2</router-link>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style scoped>
</style>